<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/rem.js"></script>
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../css/home.css">
</head>

<body>
    <nav>
        <div class="screen-search">
            <a href="../html/lmy-fenlei.html" class="btn"></a>
            <div class="btn-search">请输入商品名称</div>
        </div>
        <a href="" class="screen-adress">
            郑州
            <i class="arrow"></i>
        </a>
    </nav>
    <header>
        <div class="header_banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="https://img10.yiguoimg.com/d/items/2020/200617/9288740542818513_1125x652.jpg?w=1125&amp;h=652"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://img09.yiguoimg.com/d/items/2020/200622/9288740562839766_1125x652.jpg?w=1125&amp;h=652"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://img11.yiguoimg.com/d/items/2020/200527/9288740446709947_1125x652.jpg?w=1125&amp;h=652"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://img12.yiguoimg.com/d/items/2020/200512/9288740363806892_1125x652.jpg?w=1125&amp;h=652"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://img13.yiguoimg.com/d/items/2020/200611/9288740513753291_1125x652.jpg?w=1125&amp;h=652"
                            alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://img09.yiguoimg.com/d/items/2020/200604/9288740481870020_1125x652.jpg?w=1125&amp;h=652"
                            alt="">
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="header_class">
            <a href="../html/html_emption/emption.html" class="one">
                <i><img src="https://img10.yiguoimg.com/d/items/2019/190621/9570213294614229_144.png?w=144&amp;h=144"
                        alt=""></i>
                <p class="one-title">买二付一</p>
            </a>
            <a href="../html/html_emption/emption1.html" class="one">
                <i><img src="https://img10.yiguoimg.com/d/items/2019/190704/9570213406385892_144.png?w=144&amp;h=144"
                        alt=""></i>
                <p class="one-title">原箱佳沛</p>
            </a>
            <a href="../html/html_emption/emption2.html" class="one">
                <i><img src="https://img11.yiguoimg.com/d/items/2019/190621/9570213294679765_144.png?w=144&amp;h=144"
                        alt=""></i>
                <p class="one-title">会员福利</p>
            </a>
            <a href="../html/html_emption/emption3.html" class="one">
                <i><img src="https://img12.yiguoimg.com/d/items/2019/190705/9570213415954149_144.png?w=144&amp;h=144"
                        alt=""></i>
                <p class="one-title">银行活动</p>
            </a>
            <a href="../html/html_emption/emption4.html" class="one">
                <i><img src="https://img13.yiguoimg.com/d/items/2019/190621/9570213294745301_144.png?w=144&amp;h=144"
                        alt=""></i>
                <p class="one-title">新品惠萃</p>
            </a>
            <a href="../html/html_emption/emption5.html" class="one">
                <i><img src="https://img09.yiguoimg.com/d/items/2019/190621/9570213294778069_144.png?w=144&amp;h=144"
                        alt=""></i>
                <p class="one-title">精选肉类</p>
            </a>
            <a href="../html/html_emption/emption6.html" class="one">
                <i><img src="https://img10.yiguoimg.com/d/items/2019/190621/9570213294810837_144.png?w=144&amp;h=144"
                        alt=""></i>
                <p class="one-title">海鲜水产</p>
            </a>
            <a href="../html/html_emption/emption7.html" class="one">
                <i><img src="https://img14.yiguoimg.com/d/items/2019/190621/9570213294843605_144.png?w=144&amp;h=144"
                        alt=""></i>
                <p class="one-title">食品饮料</p>
            </a>
        </div>
        <div class="header_gif">
            <img src="https://img10.yiguoimg.com/d/items/2020/200622/9710953027840214_1125x344.gif?w=1125&amp;h=344">
        </div>
        <div class="header_notice">
            <i class="title"></i>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        营业资质公示，详情请点击查询
                    </div>
                    <div class="swiper-slide">
                        移动/联通积分免费兑储值卡
                    </div>
                    <div class="swiper-slide">
                        不良信息投诉与举报
                    </div>
                    <div class="swiper-slide">
                        营业资质公示，详情请点击查询
                    </div>
                    <div class="swiper-slide">
                        移动/联通积分免费兑储值卡
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main>
    </main>
    <footer>
        <div class="footer-in">
            <a href="">
                <i class="icon1"></i>
                首页
            </a>
            <a href="../html/lmy-fenlei.html">
                <i class="icon2"></i>
                分类
            </a>
            <a href="../html/homeshop.html">
                <i class="icon3"></i>
                购物车
            </a>
            <a href="/html/my.html">
                <i class="icon4"></i>
                我的易果
            </a>
        </div>
    </footer>
</body>
<script type="html/txt" id="groupFloor">
    <div class='group-floor'>
        <a href="" class='floor-img'>
            <img src="<%= data.bigSrc %>" alt="">
        </a>
        <div class='product-list'>
            <div class='product-list-in'>
                <% for(var i = 0; i < data.content.length ; i++) { %>
                    <div class='proitem'>
                        <div class='pic'>
                            <a href="" class='pic-a'>
                                <img src="<%= data.content[i].smallSrc %>" alt="">
                            </a>
                            <div class='saletip'>
                                <% if(data.content[i].saletip) { %>
                                    <span><%= data.content[i].saletip %></span>
                                <% } %>
                            </div>
                        </div>
                        <div class='info'>
                            <p class='name'>
                                <a href=""><%= data.content[i].name %></a>
                            </p>
                            <div class='price'>
                                <strong><%= data.content[i].price %></strong>
                                <i class='price-addcart'></i>
                            </div>
                        </div>
                    </div>
                <% } %>
            </div>
        </div>
    </div>
</script>
<script type="html/txt" id="prolistBackground">
    <div class='prolistBackground'>
        <div class='blockwrap'>
            <div class='tt'>
                <h3><%= data.title %></h3>
            </div>
            <ul class='twoproduct'>
                <% for(var i = 0; i < data.content.length; i++) { %>
                    <li>
                        <div class='proitem'>
                            <div class='pic'>
                                <a href="">
                                    <img src="<%= data.content[i].src %>" alt="">
                                </a>
                                <div class='saletip'>
                                    <% if(data.content[i].saletip) { %>
                                        <span><%= data.content[i].saletip %></span>
                                    <% } %>
                                </div>
                            </div>
                            <div class='info'>
                                <p class='name'><%= data.content[i].name %></p>
                                <div class='price'>
                                    <strong><%= data.content[i].price %></strong>
                                    <%= data.content[i].num %>
                                    <i class='price-addcart'></i>
                                </div>
                            </div>
                        </div>
                    </li>
                <% } %>
            </ul>
        </div>
    </div>
</script>
<script type="html/txt" id="oneImage">
    <% for(let i = 0; i < data.length; i++) { %>
        <div class='one-image'>
            <a href="">
                <img src="<%= data[i].src %>" alt="">
            </a>
        </div>
    <% } %>
</script>
<script src="../js/swiper.min.js"></script>
<script src="../js/zepto.min.js"></script>
<script src="../js/ejs.min.js"></script>
<script src="../js/touchBottom.js"></script>

<!-- <script src="../js/oneImage.js"></script>
<script src="../js/groupFloor.js"></script>
<script src="../js/prolistBackground.js"></script> -->
<script>
    console.log($('#app').html())
    new Swiper('.header_banner .swiper-container', {
        autoplay: 5000,
        loop: true,
        pagination: '.header_banner .swiper-pagination',
    })

    new Swiper('.header_notice .swiper-container', {
        autoplay: 3000,
        loop: true,
        direction: 'vertical'
    })
</script>

</html>